<template>
	<view class="wrapper">
		<view class="u-flex">
			<!-- <svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M14.5 26.5833H6.04167C5.40073 26.5833 4.78604 26.3287 4.33283 25.8755C3.87961 25.4223 3.625 24.8076 3.625 24.1667L3.63708 7.25001C3.63708 5.92084 4.70042 4.83334 6.04167 4.83334H7.25V2.41667H9.66667V4.83334H19.3333V2.41667H21.75V4.83334H22.9583C24.2875 4.83334 25.375 5.92084 25.375 7.25001V14.5H22.9583V12.0833H6.04167V24.1667H14.5V26.5833ZM26.7404 20.5296L27.5983 19.6717C27.7103 19.5599 27.7992 19.4271 27.8599 19.2809C27.9205 19.1347 27.9517 18.9781 27.9517 18.8198C27.9517 18.6615 27.9205 18.5048 27.8599 18.3587C27.7992 18.2125 27.7103 18.0797 27.5983 17.9679L26.7404 17.11C26.6286 16.998 26.4958 16.9091 26.3497 16.8485C26.2035 16.7878 26.0468 16.7566 25.8885 16.7566C25.7303 16.7566 25.5736 16.7878 25.4274 16.8485C25.2812 16.9091 25.1485 16.998 25.0367 17.11L24.1787 17.9679L26.7404 20.5296ZM25.8825 21.3875L19.4783 27.7917H16.9167V25.23L23.3208 18.8258L25.8825 21.3875Z" fill="#333333"/>
			</svg> -->
			<view style="margin-left: 30rpx; font-size: 13px;">
				{{ time }}
			</view>
		</view>
		
		<!-- 分割线 -->
		<u-line border-style="solid" length="100%" style="margin: 10rpx 0;"></u-line>
		
		<view class="space-between" style="margin: 10rpx 0;" @click="navigateTo(info.url1)">
			<view>· 今日{{ info.key1 }}情况</view>
			<view style="margin-top: 5rpx;">{{ info.val1 }}</view>
		</view>
		
		<view class="space-between" style="margin: 10rpx 0;" @click="navigateTo(info.url2)">
			<view>· 在审批流程中的申请</view>
			<view style="margin-top: 5rpx;">{{ info.val2 }}</view>
		</view>
		
		
	</view>
</template>

<script>
	
	export default {
		name:"TODO-box",
		props: {
			info: Object
		},
		data() {
			return {
				time: this.$time_formatter.time_formatter(new Date())
			};
		},
		methods: {
			navigateTo: function(url) {
				console.log("to", url)
				// if (url == '') {
				// 	this.$refs.uTips.show({
				// 		title: '敬请期待',
				// 		type: 'error',
				// 		duration: '2300'
				// 	})
				// 	return
				// }
				uni.navigateTo({
					url: url
				});
			},
		}
	}
</script>

<style>
	.wrapper {
	
		padding: 20rpx 30rpx;
		background-color: white;
		
		
		border-radius: 6px;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
		
		display: flex;
		flex-direction: column;
		
	}
	
	
</style>
